<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HTML事件</title>
</head>
<body>
/*
HTML 事件的例子：
当用户点击鼠标时
当网页已加载时
当图像已加载时
当鼠标移动到元素上时
当输入字段被改变时
当提交 HTML 表单时
当用户触发按键时
*/
<h1 onclick="this.innerHTML='谢谢1!'">请点击该文本1</h1>
<h1 onclick="changetest1(this)">请点击该文本2</h1>
<p>点击按钮就可以执行 <em>displayDate()</em> 函数。</p>

<button id="myBtn">点击这里</button>

<script>
    document.getElementById("myBtn").onclick=function(){displayDate()};
    function displayDate()
    {
        document.getElementById("demo").innerHTML=Date();
    }
</script>

<p id="demo"></p>
<script>
    function changetest1(id) {
        id.innerHTML="谢谢2";
    }
</script>
</body>
</html>